<div class="panel-body table-responsive" style="padding:0px;">
	<table class="table table-hover">
		<thead>
		<tr>
			<th style='width:50px;'></th>
			<th>属性名称</th>
			<th>属性值</th>
		</tr>
		</thead>
		<tbody id="param-items">
			{loop $item['extend_params'] $p}
			<tr>
				<td>
					<a href="javascript:;" class="fa fa-move" title="拖动调整此显示顺序"><i class="fa fa-arrows"></i></a>&nbsp;

					<a href="javascript:;" onclick="deleteParam(this)" style="margin-top:10px;" title="删除"><i class='fa fa-remove'></i></a>

				</td>

				<td>

					<input name="param_title[]" type="text" class="form-control param_title" value="{$p['title']}"/>

					<input name="param_id[]" type="hidden" class="form-control" value="{$p['id']}"/>

				</td>

				<td><input name="param_value[]" type="text" class="form-control param_value" value="{$p['value']}"/></td>

			</tr>

			{/loop}

		</tbody>

		<tbody>

			<tr>

				<td colspan="3">

					<a href="javascript:;" id='add-param' onclick="addParam()" style="margin-top:10px;"  title="添加属性">添加属性 <i class='fa fa-plus'></i></a>

				</td>

			</tr>

		</tbody>

	</table>

</div>



<script language="javascript">

	$(function(){

		$("#param-items").sortable({handle:'.fa-move'});

		$("#chkoption").click(function(){

			var obj =$(this);

			if(obj.get(0).checked){

				$("#tboption").show();

				$(".trp").hide();

			}

			else{

				$("#tboption").hide();

				$(".trp").show();

			}

		});

	})

	function addParam() {

		var url = "{php echo $this->createWebUrl('house', array('op' => 'param','id'=>$item['id']))}";

		$.ajax({

			"url": url ,

			success:function(data){

				$('#param-items').append(data);

			}

		});

		return;

	}

	function deleteParam(o) {

		$(o).parent().parent().remove();

	}

</script> 
